<!doctype html>
<html>

<head>
    <meta charset="utf-8"/>
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/images/logo.png">
    <link rel="icon" type="image/png" href="./assets/images/c.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Komplete</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
    <!-- Fonts and icons -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"/>
    <!-- CSS Files -->
    <link href="./assets/vendor/assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="./assets/vendor/assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet"/>
    <link href="./assets/styles/style.css" rel="stylesheet"/>
</head>

<body class="index-page sidebar-collapse">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent " color-on-scroll="400">
    <div class="container">
        <div class="navbar-translate">
            <a class="navbar-brand" href="./" rel="tooltip" title="Komplete" data-placement="bottom" target="_blank">
                Komplete
            </a>
            <button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-bar bar1"></span>
                <span class="navbar-toggler-bar bar2"></span>
                <span class="navbar-toggler-bar bar3"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse justify-content-end" id="navigation" data-nav-image="<?php bloginfo('template_url'); ?>/assets/images/blurred-image.jpg">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link btn btn-neutral" href="./">
                        <i class="now-ui-icons gestures_tap-01"></i>
                        <p>Komplete</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./kalendar" target="_blank">
                        <i class="now-ui-icons gestures_tap-01"></i>
                        <p>Kalendar</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./grapeapi" target="_blank">
                        <i class="now-ui-icons gestures_tap-01"></i>
                        <p>GraceApi</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./candy" target="_blank">
                        <i class="now-ui-icons gestures_tap-01"></i>
                        <p>Candy</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom" href="https://twitter.com/CreativeTim" target="_blank">
                        <i class="fa fa-twitter"></i>
                        <p class="d-lg-none d-xl-none">Twitter</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" rel="tooltip" title="Like us on Facebook" data-placement="bottom" href="https://www.facebook.com/CreativeTim" target="_blank">
                        <i class="fa fa-facebook-square"></i>
                        <p class="d-lg-none d-xl-none">Facebook</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" rel="tooltip" title="Follow us on Instagram" data-placement="bottom" href="https://www.instagram.com/CreativeTimOfficial" target="_blank">
                        <i class="fa fa-instagram"></i>
                        <p class="d-lg-none d-xl-none">Instagram</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!-- End Navbar -->
<div class="wrapper">
    <div class="page-header clear-filter" filter-color="orange">
        <div class="page-header-image" data-parallax="true" style="background-image: url('./assets/vendor/assets/img/header.jpg');"></div>
        <div class="container">
            <div class="content-center brand">
                <img class="n-logo" src="./assets/images/logo.png" alt="">
                <h1 class="h1-seo">Komplete</h1>
                <h3>A Node Based Backend Service</h3>
            </div>
            <div class="arrow-down"><i class="now-ui-icons arrows-1_minimal-down"></i></div>
        </div>
    </div>
    <div class="main container">
        <div class="section section-basic">
            <div class="article">
                <div class="header">
                    <h4><span>Header 2The Life of Now UI Kit</span></h4>
                    <div class="meta text-muted">
                        <span>yimity</span><span>2018.02.03</span>
                    </div>
                </div>
                <div class="body">
                    <p>
                        <span class="dropcap">P</span>aragraph I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that
                        I have, to push possibilities, to show people, this is the level that things could be at.
                    </p>
                    <p>
                        Paragraph I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the
                        level that things could be at.
                    </p>
                    <p>
                        Paragraph I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the
                        level that things could be at.
                    </p>
                </div>
            </div>
            <div class="article">
                <div class="header">
                    <h4><span>Header 2The Life of Now UI Kit</span></h4>
                    <div class="meta text-muted">
                        <span>yimity</span><span>2018.02.03</span>
                    </div>
                </div>
                <div class="body">
                    <p>
                        <span class="dropcap">奇</span>怪的是，浏览器的用户界面并没有任何正式的规范，这是多年来的最佳实践自然发展以及彼此之间相互模仿的结果。HTML5 也没有定义浏览器必须具有的用户界面元素，但列出了一些通用的元素，例如地址栏、状态栏和工具栏等。当然，各浏览器也可以有自己独特的功能，比如 Firefox 的下载管理器。
                    </p>
                    <p>
                        默认情况下，呈现引擎可显示 HTML 和 XML 文档与图片。通过插件（或浏览器扩展程序），还可以显示其它类型的内容；例如，使用 PDF 查看器插件就能显示 PDF 文档。但是在本章中，我们将集中介绍其主要用途：显示使用 CSS 格式化的 HTML 内容和图片。
                    </p>
                    <p>
                        呈现树构建完毕之后，进入“布局”处理阶段，也就是为每个节点分配一个应出现在屏幕上的确切坐标。下一个阶段是绘制 - 呈现引擎会遍历呈现树，由用户界面后端层将每个节点绘制出来。
                    </p>
                </div>
            </div>
        </div>

        <!--<div class="section" id="carousel">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-8">
                        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner" role="listbox">
                                <div class="carousel-item active">
                                    <img class="d-block" src="./assets/vendor/assets/img/bg1.jpg" alt="First slide">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>Nature, United States</h5>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <img class="d-block" src="./assets/vendor/assets/img/bg3.jpg" alt="Second slide">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>Somewhere Beyond, United States</h5>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <img class="d-block" src="./assets/vendor/assets/img/bg4.jpg" alt="Third slide">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>Yellowstone National Park, United States</h5>
                                    </div>
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                <i class="now-ui-icons arrows-1_minimal-left"></i>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                <i class="now-ui-icons arrows-1_minimal-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>-->


    </div>
</div>

<div class="wrapper">
    <!--  End Modal -->
    <footer class="footer" data-background-color="black">
        <div class="container">
            <nav>
                <ul>
                    <li>
                        <a href="https://www.creative-tim.com">
                            Creative Tim
                        </a>
                    </li>
                    <li>
                        <a href="http://presentation.creative-tim.com">
                            About Us
                        </a>
                    </li>
                    <li>
                        <a href="http://blog.creative-tim.com">
                            Blog
                        </a>
                    </li>
                    <li>
                        <a href="https://github.com/creativetimofficial/now-ui-kit/blob/master/LICENSE.md">
                            MIT License
                        </a>
                    </li>
                </ul>
            </nav>
            <div class="copyright">
                &copy;
                <script>
                    document.write(new Date().getFullYear())
                </script>
                , Designed by
                <a href="http://www.invisionapp.com" target="_blank">Invision</a>. Coded by
                <a href="https://www.creative-tim.com" target="_blank">Creative Tim</a>.
            </div>
        </div>
    </footer>
</div>

</body>

<!--   Core JS Files   -->
<script src="./assets/vendor/assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>
<script src="./assets/vendor/assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="./assets/vendor/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!--  Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="./assets/vendor/assets/js/plugins/bootstrap-switch.js"></script>
<!--  Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="./assets/vendor/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<!--  Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="./assets/vendor/assets/js/plugins/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
<script src="./assets/vendor/assets/js/now-ui-kit.js?v=1.1.0" type="text/javascript"></script>
<script src="./assets/scripts/common.js" type="text/javascript"></script>

</html>